import React, { Component } from 'react';
import { AlreadyBuyBox } from '../AlreadyBuy/style'
import { withRouter } from 'react-router-dom'
import { OrganizationBox } from './style';


@withRouter
class index extends Component {
  render() {
    return (
      <div>
        <AlreadyBuyBox>
          <div className="top">
            <ul>
              <li onClick={() => {
                this.props.history.push('/')
              }}><a>返回</a></li>
              <li><a>专业机构</a></li>
              <li onClick={() => {
                this.props.history.push('/search')
              }}><a >&nbsp;</a></li>
            </ul>
          </div>
        </AlreadyBuyBox>
        <OrganizationBox>
          <ul>
            <li>
              <div className='photo'></div>
              <p>课程数： 3</p>
            </li>
            <li>
              <div className='photo'></div>
              <p>课程数： 6</p>
            </li>
            <li>
              <div className='photo'></div>
              <p>课程数： 7</p>
            </li>
            <li>
              <div className='photo'></div>
              <p>课程数： 1</p>
            </li>
            <li>
              <div className='photo'></div>
              <p>课程数： 3</p>
            </li>
            <li>
              <div className='photo'></div>
              <p>课程数： 6</p>
            </li>
            <li>
              <div className='photo'></div>
              <p>课程数： 7</p>
            </li>
            <li>
              <div className='photo'></div>
              <p>课程数： 1</p>
            </li>
          </ul>
        </OrganizationBox>


      </div>

    );
  }
}

export default index;
